<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>油站智慧度分析</h3>
			<h4>商户平台使用分析</h4>
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			
			<div class="biz-platform layui-form">				
				<dl>
					<dt>选择指标</dt>
					<dd><input type="checkbox" name="switch" lay-skin="switch"  lay-filter="zhibiao"></dd>
					<dd style="position: absolute;right: 0;"><input name="search_time1" class="biz-time" type="text" placeholder="请选择时间" id="search_time" value="" lay-key="1"></dd>
				</dl>
			</div>
			
			<!--指标面板-->
			<div class="biz-platform-card"> 
				<div class="biz-zhibiao layui-form">
					 <dl>
				    	<dd>
					      <input type="checkbox" name="lucheng1" lay-skin="primary"  value="1" title="一键召回">
					      <input type="checkbox" name="lucheng2" lay-skin="primary"  value="2" title="自助对账">
					      <input type="checkbox" name="lucheng3" lay-skin="primary"  value="3" title="自助改价">
					      <input type="checkbox" name="lucheng4" lay-skin="primary"  value="4" title="自助发券">
					      <input type="checkbox" name="lucheng5" lay-skin="primary"  value="5" title="自助大转盘">
					      <input type="checkbox" name="lucheng6" lay-skin="primary"  value="6" title="自助红包">
					      <input type="checkbox" name="lucheng7" lay-skin="primary"  value="7" title="自助发通知包">					      
					      <input type="checkbox" name="lucheng5" lay-skin="primary"  value="5" title="产品培训学院">
					      <input type="checkbox" name="lucheng6" lay-skin="primary"  value="6" title="物料下载">
					      <input type="checkbox" name="lucheng7" lay-skin="primary"  value="7" title="公众号模板文">	
					      <input type="checkbox" name="lucheng7" lay-skin="primary"  value="7" title="人工召回">	
					      <input type="checkbox" name="lucheng7" lay-skin="primary"  value="7" title="导出智能月报">	
					      <input type="checkbox" name="lucheng7" lay-skin="primary"  value="7" title="阅读日报">	
					      <input type="checkbox" name="lucheng7" lay-skin="primary"  value="7" title="营销大学">	
					    </dd>
				    </dl>
				</div>
				<!--/指标面板-->
				
				<!--card-->
				<dl class="active">
					<dt>一键召回</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>自助对账</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>自助改价</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>自助发券</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>自助大转盘</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>自助红包</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>自助发通知包</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>产品培训学院</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>物料下载</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>公众号模板文</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>人工召回</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
				<dl>
					<dt>导出智能月报</dt>
					<dd>0</dd>
					<dd>月同比-</dd>
					<i class="fa fa-question-circle fa-2x"></i>
				</dl>
			</div>
			<!--/card-->
			
			<!--图表展示-->
			<div class="biz-platform-data">
				<dl>
					<dd>一键召回走势图</dd>
					<dd><input name="search_time" class="biz-time" type="text" placeholder="请选择时间" id="search_time2" value="" lay-key="1"></dd>
				</dl>
				<div class="echarts_box" id="main"></div>
			</div>
			<!--/图表展示-->
			
		<!--/deer-content-->
	</section>
	<!--js-->
		<aside>
			<script type="text/javascript" src="../layui/layui.js" ></script>
			<script type="text/javascript" src="../js/echarts.min.js" ></script>
			<script type="text/javascript">
				layui.use(['form','jquery','laydate'],function(){
					var	form=layui.form;
					var $=layui.jquery;	
					var laydate=layui.laydate;
					
					//选择时间
					laydate.render({
				        elem: '#search_time1', 
				        range: '至',
				   });
				   laydate.render({
				        elem: '#search_time2', 
				        range: '至',
				   });				   
				   //隐藏指标
					$(".biz-zhibiao").hide();
					form.on('switch(zhibiao)', function(data){						
							$(".biz-zhibiao").slideToggle();	
					});
				})
				
				//图表
				var myChart = echarts.init(document.getElementById('main'));
				option = {
				    title: {
				        text: '',
				        left:'2%'
				    },
				    tooltip: {
				        trigger: 'axis'
				    },
				   
				    grid: {
				        left: '3%',
				        right: '3%',
				        bottom: '3%',
				        containLabel: true
				    },
				    toolbox: {
				    	left: '95%',
				        feature: {
				            saveAsImage: {}
				        }
				    },
				    xAxis: {
				        type: 'category',
				        boundaryGap: false,				        						
				        data:['2018-03-04','2018-03-05','2018-03-06','2018-03-07','2018-03-08','2018-03-12','2018-03-13','2018-03-14','2018-03-15','2018-03-16','2018-03-17','2018-03-18','2018-03-19']},
				    yAxis: {
                    type : 'value',
                    name:'单位(个)'
              		},
				    series: [{
                    name:'油品销量',
                    type:'line',
                    stack: '总量',
                    areaStyle: {normal: {}},
                    data:[0.0,0.00,0.00,0.30,0.0,0.0,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00]}]
				 };
				// 使用刚指定的配置项和数据显示图表。
		        myChart.setOption(option);

			</script>
		</aside>
		<!--/js-->
</body>
</html>
